<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://lib.baomitu.com/vue/2.5.1/vue.js"></script>
	<style>
		.red{
			color: blue;
		}
		.thin{
			font-weight: 200;
		}
		.italic{
			font-style: italic;
		}
		.active{
			letter-spacing: 1em;
		}
	</style>
</head>
<body>
	
	<div id="app">
		<p v-for="item in list">{{item.id}} ---- {{item.name}}</p>
		<p v-for="(item,i) in list">{{i}}------{{item.id}} ---- {{item.name}}</p>

	</div>
	<script type="text/javascript">
		var vm=new Vue({
			el:'#app',
			data: {
				list:[
					{id:1,name:'a1'},
					{id:2,name:'a2'},
					{id:3,name:'a3'},
					{id:4,name:'a4'}
				]
			},
			methods:{
			}
		})
	</script>
</body>
</html>